﻿@charset "utf-8";
/*split*/
.split-x {
	width:5px;
	float:left;
	cursor: e-resize;
	background:#eee;
}
.split-x span {
	display:block;
	background:#aaa;
	width:5px;
	height:30px;
	position:relative;
	top:45%;
	cursor:pointer;
}
.split-y {
	height:5px;
	overflow:hidden;
	cursor: n-resize;
}
.split-y span {
	display:block;
	background:#eee;
	height:5px;
	width:30px;
	overflow:hidden;
	cursor:pointer;
	margin:0 auto;
}
/*panel*/
.panel {
	border:1px solid #ccc;
}
.panel_header {
	background:url(images/panel_header.gif) repeat-x;
	border-bottom:1px solid #aaa;
	text-align:left;
	height:23px;
	line-height:19px;
	padding:6px 8px 0;
	font-weight:bold;
}
.panel_ctrl_icon{
	width:16px;
	height:16px;
	cursor:pointer;
	float:right;
}
.panel_body {
	overflow: auto;
	background:#fff;
	text-align:left;
}
/*tab*/
.tab_header{
	background: url(images/tab_header_bg.png) repeat-x;
	padding-top:2px;
	border-bottom:1px solid #aaa;
	height:28px;
	text-align:left;
}
.tab_header li{
	float:left;
	position:relative;
	line-height:26px;
	padding:0 10px;
}

.tab_header li.on{
	background:#fff;
	border-right:1px solid #ddd;
	padding-right:15px;
	font-weight:bold;
}
.tab_header li span{
	position:absolute;
	right:3px;
	top:2px;
	width:9px;
	height:9px;
	display:block;
	background:url(images/icon_tabclose.gif) no-repeat;
	cursor:pointer;
}
/*accordion*/
.accordion_header {
	background: url(images/panel_header.gif) repeat-x;
	padding:4px 8px 0;
	height:22px;
	line-height:18px;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	cursor:pointer;
}
.accordion_header h2 {
	font-size:12px;
	text-align:left;
}
.accordion_body{
	display:none;
}
.accordion_ctrl_icon{
	width:16px;
	height:16px;
	cursor:pointer;
	float:right;
}
/*accordion-nav*/
.colnav li{
	border-bottom:1px solid #f3f3f3;
	position:relative;
}
.colnav li a.title{
	display:block;
	height:20px;
	line-height:18px;
	text-align:left;
	padding:3px 8px 0;
}
.colnav li a:hover{
	background:#eee;
}
.colnav li a.action{
	background:none;
	position:absolute;
	right:3px;
	top:5px;
}
/*toolbar*/
.toolbar {
	height:26px;
	line-height:22px;
	padding:4px 0 0;
	background: url(images/toolbar.gif) repeat-x;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.toolbar ul{
	display:inline;
}
.toolgrp{
	padding:0 10px;
}
.toolbar a {
	vertical-align:baseline;
	padding:2px 5px;
	_padding:0 5px;
	margin:0 2px;
	border:1px solid #ccc;
}
.toolbar a:hover,.toolbar a.on{
	background:#fff;
}
.toolbar a.on{
	background:#bbb;
	color:#fff;
}
.tool_divider{
	border-left:1px solid #aaa;
	margin-left:3px;
	padding-left:8px;
}
.tool_btn a{
	float:left;
	height:18px;
	line-height:18px;
	border:none;
}
.tool_btn a:hover{
	padding:2px 4px 1px 4px;
	border:1px solid #aaa;
}
/*blankbar*/
.blankbar {
	height:30px;
	line-height:30px;
}
/*tips*/
.tips{
	margin:10px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	background:#f3f3f3;
	padding:10px;
	line-height:18px;
}
.tips em{
	float:right;
	width:9px;
	height:9px;
	display:block;
	background:url(images/icon_tabclose.gif) no-repeat;
	cursor:pointer;
	margin-top:-5px;
	margin-right:-3px;
}
.tips_orange{
	border-top:1px solid #ebba95;
	border-bottom:1px solid #ebba95;
	background:#feffe5;
	color:#c98657;
}
.tips_red{
	border-top:1px solid #BC2931;
	border-bottom:1px solid #BC2931;
	background:#ffe3dc;
	color:#BC2931;
}
.tips_green{
	border-top:1px solid #8bc266;
	border-bottom:1px solid #8bc266;
	background:#e2ffcf;
	color:#4ba90d;
}
/*grid*/
.grid {
	border:1px solid #ccc;
	border-left:0;
}
.grid table {
	width:100%;
	table-layout:fixed;
}
.grid thead th {
	background:#e0e0e0 url(images/toolbar.png) 0 center repeat-x;
	height:30px;
	border-left:1px solid #ddd;
	overflow:hidden;
	text-align:center;
}
.grid thead th a {
	text-decoration:underline;
	color:#000;
}
.grid thead th:hover {
	background:#f3f3f3;
}
.grid tbody td {
	height:20px;
	line-height:20px;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	text-align:left;
	padding:5px 8px;
}
.grid tbody td .icon{
}
/*form*/
.form_wrap_fl:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.form_wrap_fl{
	padding:5px;
	*zoom:1;
}
.form_wrap_fl .form_item{
	padding-right:30px;
}
.form_wrap .br{width:100%;overflow:hidden}
.form_wrap label{width:100px; text-align:right;}
.form_item{
	float:left;
	padding:8px 0;
	/*padding-right:30px;*/
}
.form_item label{
	padding-left:5px;
	float:left;
	padding-top:5px;
}
.item_btn{
	height:22px;
	line-height:22px;
	padding:0 5px;
	background:url(images/toolbtn.png);
	border:1px solid #aaa;
	float:left;
}
.item_btn .icon{
	margin-top:2px;
}
.divider{
	clear:both;
	display:block;
	height:2px;
	margin-bottom:2px;
	width:99%;
	margin-left:0.5%;
	overflow:hidden;
	border-bottom:1px dashed #ccc;
}
.form_inner{
	border:1px solid #ccc;
	float:left;
}
.form_field{
	margin:10px;
	padding:10px;
}
.input_text{
	height:20px;
	line-height:20px;
	border:1px solid #aaa;
	background:#f3f3f3;
	margin-right:3px;
	float:left;
}
/*form_btn*/
.form_btn:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.form_btn{
	padding:20px 0;
	*zoom:1;
}
.form_btn ul{
	padding-left:100px;
}
.form_btn li{
	float:left;
	margin-right:10px;
}
.form_btn li a{
	display:block;
	float:left;
	padding-left:5px;
	height:25px;
	background:url(images/btn_form_hover.png) no-repeat left top;
}
.form_btn li a h3{
	padding:4px 14px 0 10px;
	height:21px;
	line-height:18px;
	background:url(images/btn_form_hover.png) no-repeat right bottom;
	cursor:pointer;
	display:inline;
	float:left;
}
.form_btn li a:hover{
	background:url(images/btn_form.png) no-repeat left top;
}
.form_btn li a:hover h3{
	background:url(images/btn_form.png) no-repeat right bottom;
}




